<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions" 
	template = "/WEB-INF/template/templateAreaLavoro.xhtml">

	
	<ui:define name="topAreaLavoro">
		<rich:toolbar height="30" >
  			<a4j:commandLink  action="#{tab.setNewObject('Nuovo Prodotto')}"   render="panelDettagliProdotto" execute="@this" >
  				<h:graphicImage value="#{pathImmagini.pathImmagineAggiungi}"/>
  			</a4j:commandLink>
  			
			<a4j:commandLink  action="#{tabsBean.addProdotto(tab.object)}" status="StatoLoading" >
				<h:graphicImage value="#{pathImmagini.pathImmagineSalva}"/>
			</a4j:commandLink>
			
			<a4j:commandLink action="#{stampaController.stampaOrdine(tab.object)}">
				<h:graphicImage value="#{pathImmagini.pathImmagineStampa}"/>
			</a4j:commandLink>
		</rich:toolbar>
		<br/>	
	</ui:define>

	<ui:define name="center1AreaLavoro">
		
			<rich:panel>		
			
				<f:facet name="header">
					<h:graphicImage value="#{pathImmagini.pathImmagineDocumenti}" />
					Dati Prodotto
				</f:facet>
			
				<rich:graphValidator value="{tab}" id="gvProdotto">		
	  				<h:panelGrid id="panelDettagliProdotto" columns="3" border="0" >
	  		
		  				<h:outputText value="Codice Prodotto" />
		  				<h:inputText id="inputCodiceProdotto" value="#{tab.object.codiceProdotto}" >
		  					<a4j:ajax event="blur" 	listener="#{tabsBean.checkIfCodiceExist(tab.object.codiceProdotto,tab.name,inputCodiceProdotto)}" 
		  											execute="inputCodiceProdotto" 
		  											render="messageInputCodiceProdotto"/>
		  					
		  				</h:inputText>
		  				<rich:message id="messageInputCodiceProdotto" for="inputCodiceProdotto"  />
		  				
		  			
		  				<h:outputText value="Descrizione" />
		  				<h:inputText value="#{tab.object.descrizione}" />
		  				<h:outputText value="" />
		  			
		  				<h:outputText value="Abilitato" />
						<h:selectBooleanCheckbox value="#{tab.object.abilitato}" />
						<h:outputText value="" />
					
						<h:outputLabel value="Categoria" />
							<rich:select 	id="selezionaCategoria" defaultLabel="Seleziona Categoria" converter="#{categoriaConverter}"
										 	listWidth="120px" styleClass="mySelect"
											value="#{tab.object.categoria}"  >
					   			<f:selectItems value="#{selectBean.categorieSelezionate}"   />                			
							</rich:select>
						<rich:message for="selezionaCategoria" />
						
	  				</h:panelGrid>
				</rich:graphValidator>		
			</rich:panel>
			<br/>
	</ui:define>

	<ui:define name="center2AreaLavoro">
	
			<rich:panel >
			
			<f:facet name="header">
				<h:graphicImage value="#{pathImmagini.pathImmagineCerca}" />
					Risultati
			</f:facet>
			
			<a4j:commandButton value="Cerca" action="#{tabsBean.findAllProdotti()}" render="tabellaProdotti" execute="@this" />
			<br/>
			
				
					<rich:extendedDataTable id="tabellaProdotti" value="#{tab.risultati}" var="prodotto" 
											rows="10" 
											selection="#{tab.selection}" selectionMode="#{tab.selectionMode}">
					
						<a4j:ajax event="selectionchange" listener="#{tab.tableListener}" render="panelDettagliProdotto" />
																																		
					
						<f:facet name="header ">Risultati</f:facet>
				
						<rich:column width="150px">
							<f:facet name="header">Id</f:facet>
							<h:outputText value="#{prodotto.idProdotto}" />
						</rich:column>
						
						<rich:column width="150px">
							<f:facet name="header">Codice</f:facet>
							<h:outputText value="#{prodotto.codiceProdotto}" />
						</rich:column>
						
						<rich:column width="150px"> 
							<f:facet name="header">Descrizione</f:facet>
							<h:outputText value="#{prodotto.descrizione}" />
						</rich:column>
						
						
						<rich:column width="150px">
							<f:facet name="header">Categoria</f:facet>
							<h:outputText value="#{prodotto.categoria.nome}" />
						</rich:column>
						
						
						<rich:column width="150px">
							<f:facet name="header">Abilitato</f:facet>
							<h:selectBooleanCheckbox value="#{tab.object.abilitato}" />
						</rich:column>
		
						<f:facet name="footer">
							<rich:dataScroller page="#{tab.page}" />
						</f:facet>
						
					</rich:extendedDataTable>
													
			</rich:panel>
		
	</ui:define>

	<ui:define name="footerAreaLavoro">
		<ui:remove>
			<a4j:log/>
		</ui:remove>	
		
		<a4j:outputPanel ajaxRendered="true">
			<c:set var="recordStatus" value="#{tab.statusRecord}"></c:set>
		
			<c:choose>
				<c:when test="${fn:containsIgnoreCase(recordStatus,'errore')}">
					<h:outputLabel id="labelErroreSalvataggioOrdine" value="#{tab.statusRecord}" styleClass="messageClass" />
				</c:when>
				<c:when test="${fn:containsIgnoreCase(recordStatus,'successo')}">
					<h:outputLabel id="labelSuccessSalvataggioOrdine" value="#{tab.statusRecord}" styleClass="messageClass" />
				</c:when>
			</c:choose>
			
		</a4j:outputPanel>
		
	</ui:define>


</ui:composition>